<template>
    <div>
        <p>{{ msg }}</p>
        <input type="type" v-model="msg">
        <ChildCom :title="msg" @change="childChange" />
    </div>
</template>

<script>
import ChildCom from "./ChildCom.vue";

export default{
    data(){
        return{
            msg:'这是父组件的'
        }
    },

    components:{
        ChildCom
    },

    methods:{
        childChange(value){
            console
            this.msg =value
        }
    }
}
</script>